<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>MapasUesc</title>
    
	<style type="text/css">
		body {
			margin: 0% 0% 0% 0%;
			padding: 0% 0% 0% 0%;		
		}
    </style>
    
    <script type="text/javascript">
        function showToast(toast) {
            Android.showToast(toast);
        }
		
		function showPlace(nome, img){
			Android.showPlace(nome, img);	
		}
    </script>
	
</head>

<body>
	<div id="corpo">
	
		<img src="image/mapa.png" alt="Planets" usemap="#planetmap">
        
        <map name="planetmap">
        
        <area shape="circle" coords="773,1465,52" onClick="showPlace('Sem Nome', 'torre')" alt="Mercury">
        
        	<area shape="poly" coords="441,806,415,759,374,781,373,826,433,825" onClick="showPlace('NBCGIB', 'nbcgib')" alt="Sun">
        
        	<area shape="poly" coords="772,543,761,549,914,800,929,791,943,814,972,797,957,772,970,764,815,515,805,521,792,503,759,523" onClick="showPlace('Pavilhão Adonias Filho', 'pv_adonias_filho')" alt="Sun">
        
        	<area shape="poly" coords="333,984,333,932,316,932,316,983" onClick="showPlace('Guarita', 'guarita')" alt="Sun">
        
       	  <!-- Outro pavilhão Pavillhão -->
            <area shape="poly" coords="936,1130,924,1122,779,1385,791,1392,781,1410,815,1429,826,1409,837,1415,981,1156,968,1148,980,1128,948,1110" onClick="showPlace('Pavilhão Jorge Amado', 'pv_ja')" alt="Sun">
            
            <!-- Pavilhão  -->
            <area shape="poly" coords="525,724,380,518,324,557,470,763" onClick="showPlace('Pavilhão professor Max de Menezes', 'pv_max_de_menezes')" alt="Sun"> 
            
            <area shape="circle" coords="1056,991,52" onClick="showPlace('Torre', 'torre')" alt="Mercury">
            
        </map>        
</div>
    
</body>
</html>